<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Educa - Sistema de Gerenciamento para Colégios Militares</title>
		<script type="text/javascript" src="tela/recebimento/pagamento.js" ></script>
		<link rel="stylesheet" type="text/css" href="tela/recebimento/pagamento.css" ></link>
	</head>
	<body>

			<!-- FORMULARIO -->
<!-- 			<div id="subtitulo"><h3 class="ui-widget-header">Institucionalização de Disciplinas</h3></div> -->
			<div id="formWrapper" class="centered" style="height: 400px;">
				<form id="pagamento" action="#" onSubmit="return false;" method="post">
					<ul class="controls">
						<li style="width: 35%;">
						    <label style="width: 100%; text-align: center; font-style: oblique;">Lançamentos</label>
						    <label style="width: 100%;">Tipo Pagamento</label>
						    <select class="field" style="width: 100%;" id="tipoPagamento" name="tipoPagamento">
						    	<option value="nulo">Selecione uma opção</option>
						    	<option value="Dinheiro">Dinheiro</option>
						    	<option value="Cartao">Cartão</option>
						    	<option value="Cheque">Cheque</option>
						    </select>
						    <ul class="controls" id="pagamentoDinheiro" style="display: none;">
						    	<li>
						    		<label>Valor a pagar:</label>
						    		<input type="text" id="valorMovimentacaoDinheiro" name="valorMovimentacaoDinheiro" class="field">
						    	</li>
						    </ul>
						    <ul class="controls" id="pagamentoCartao" style="display: none;">
						    	<li>
						    		<label>Valor a pagar:</label>
						    		<input type="text" id="valorMovimentacaoCartao" name="valorMovimentacaoCartao" class="field">
						    	</li>
						    </ul>
						    <ul class="controls" id="pagamentoCheque" style="display: none; width: 99%;">
						    	<li>
						    		<label>Banco:</label>
						    		<select name="bancoPagarCheque[id]" id="bancoPagarCheque" class="field validate[required]" style="width: 100%;"></select>
						    	</li>
						    	<li style="width: 30%;">
						    		<label>Agência:</label>
						    		<input type="text" id="agenciaPagarCheque" name="agenciaPagarCheque" class="field" style="width: 99%;">
						    	</li>
						    	<li  style="width: 60%;">
						    		<label>Conta Corrente:</label>
						    		<input type="text" id="contaPagarCheque" name="contaPagarCheque" class="field" style="width: 99%;">
						    	</li>
						    	<li>
						    		<label>Valor a pagar:</label>
						    		<input type="text" id="valorMovimentacaoCheque" name="valorMovimentacaoCheque" class="field">
						    	</li>
						    </ul>
				    		<button onclick="incluirLancamentos();">Incluir pagamento</button>
				    		<hr style="width: 100%;">
						    <label style="width: 100%;">Lançamentos no Caixa</label>
							<table cellspacing="0" class="display" cellpadding="0" border="0" id="recebimentosDataGrid"></table>
							<label style="width: 30%; padding: 5px 0px 0px 0px;">Somatório:</label>
							<input type="text" id="valorSomatorio" name="valorSomatorio" class="field" style="width: 60%; border: none;" readonly="readonly"></br>
							<label style="width: 30%; padding: 5px 0px 0px 0px;">Restante:</label>
							<input type="text" id="valorRestante" name="valorRestante" class="field" style="width: 60%; border: none;" readonly="readonly">
							<br>
							<button onclick="salvaPagamento();">Salvar Lançamentos</button>
						</li>	
						<!-- Lançamentos do aluno -->
						<li style="width: 60%;">
							<label style="width: 100%; text-align: center; font-style: oblique;">Itens da Negociação</label>
							<table cellspacing="0" class="display" cellpadding="0" border="0" id="itensDataGrid"></table>
							<label style="text-align: right; width: 80%; padding: 5px 0px 0px 0px;">Total receber:</label>
							R$ <input id="totalNegociacao" name="totalNegociacao" style="width: 60px; border: none;" type="text" class="field" readonly="readonly">
							<br>
							<ul class="controls">
								<input name="dadoAlterado" id="dadoAlterado" type="hidden">
								<li style="width: 20%;">
									<label style="width: 100%;">Valor Base</label>
									<input  style="width: 90%;" name="valorBase" id="valorBase" readonly="readonly" class="field" type="text" size="10">
								</li>
								<li style="width: 20%;">
									<label style="width: 100%;">Desconto</label>
									<input style="width: 90%;" name="descontoReais" id="descontoReais" class="field" type="text" size="10" value="0,00">
								</li>
								<li style="width: 20%;">
									<label style="width: 100%;">Valor Pagar</label>
									<input style="width: 90%;" name="totalNegociacaoPagar" id="totalNegociacaoPagar"  readonly="readonly" class="field" type="text" size="10">
								</li>
								<li style="width: 32%; padding: 15px 1px 1px 1px;">
									<button type="button" class="headerTextBtn" id="btnAtualizaDesconto" onclick="imprimirDesconto();" >Desconto</button>
								</li>
							</ul>
						</li>
						<li style="width: 2px;"></li>					

<!-- 						<li style="width: 99%; text-align: center;"> -->
<!-- 							<button type="button" class="headerTextBtn" id="btnReceberDinheiro" onclick="action('punicoes');" >Receber em Dinheiro</button> -->
<!-- 							<button type="button" class="headerTextBtn" id="btnReceber" onclick="action('punicoes');" >Receber</button> -->
<!-- 							<button type="button" class="headerTextBtn" id="btnListaPagamentos" onclick="action('elogios');" >Listar Pagamentos</button> -->
<!-- 							<button type="button" class="headerTextBtn" id="btnIsenção" onclick="action('meritos');" >Mérito</button>	 -->
<!-- 						</li> -->
												
                    </ul>
				</form>
			</div>
		
<!-- 		<!-- MODAL POPUP -->
		<div id="modalPopup" title=" ">
			<span id="dialogMessage" ></span>
		</div>
	
	</body>
</html>
	
